/* toolbars container taking up a sides whole edge space */
#toolbarsContainer {

}

/* any toolbar; when wanting to modify gaps, take [data-toolbarsplacement="X"] from internal.css into consideration */
.toolbar {

}

/* outer toolbar */
#toolbarOuter {

}

/* any toolbar's all buttons */
.toolbar button {

}

/* outer toolbar's all buttons */
#toolbarOuter button {

}

/* specific buttons */
#ui-2021-a #buttonMap {

}
#ui-2021-a #buttonFlightPlan {

}
#ui-2021-a #buttonProgress {

}
#ui-2021-a #buttonAircraft {

}
#ui-2021-a #buttonAirport {

}
#ui-2021-a #buttonHelp {

}

/* button active style, use !important for each property's value */
.active {
}

/* see internal.css for detailed cross-effects when changing :hover, ::before or .shown::before of below selector */
#toggleOptionsToggle {

}

/* the openable options to the toolbar, see internal.css for existing children's style */
#toolbarsOptions {

}